{if="$totalwidth > 1000"}
<style>
	#wrapper{
		width:{$totalwidth}px;
	}
</style>
{/if}

{if="$height != 20"}
<style>
.list .node span{
	height:{$height}px;
	line-height:{$height}px;
}

.list .node span img.image{
	height:{$height}px;
}
</style>
{/if}

<ul class = "table_menu">
{loop="table_menu"}
	<a href = "{$value.link}"><img src="images/{$value.icon}">{$value.title}</a>
{/loop}
</ul>

<ol class = 'list'>
	<li class = 'title'>
	{loop="title"}
		<span class = 'w{$value.width}'>
			{if="$sortable"}
				{if="$value.sort ==''"}
					<a href = '{$module}?sort={$dsfm_module}.{$value.key}'>{$value.title}</a>
				{else}
					<a href = '{$module}?sort={$value.sort}'>{$value.title}</a>
				{/if}

				{if="$table_sort==$value.key"}
					{if="$table_order=='ASC'"}
						<img src="images/arrow_down.png">
					{else}
						<img src="images/arrow_up.png">
					{/if}
				{/if}

			{else}
				{$value.title}
			{/if}
		</span>
	{/loop}
	</li>

	{loop="row"}
	<li class = 'node'>

		{loop="title"}
			<span class = 'w{$value2.width} alt{$counter1%2}' style = "{$value2.style};{$value2.align}">{$value1[$value2[key]]}</span>
		{/loop}

		<span class = 'tool alt{$counter1%2}'>
		{loop="tool"}
			{if="$value2[$counter1][tool]==delete"}
				<a href = "{$value2[$counter1][link]}" alt = "{$value2[$counter1][tool]}" title = "{$value2[$counter1][tool]}" class = "delete"><img src = '{$value2[$counter1][icon]}'></a>
			{else}
				<a href = "{$value2[$counter1][link]}" alt = "{$value2[$counter1][tool]}" title = "{$value2[$counter1][tool]}"><img src = '{$value2[$counter1][icon]}'></a>
			{/if}
		{/loop}
		</span>
	</li>
	{/loop}
</ol>

<ul class = 'page'>
	<li class = 'text'>Page : </li>
	{loop="page"}
		<li class = 'number {$value.active}'><a href = '?p={$value.page}&from={$from}&to={$to}&keyword={$keyword}'>{$value.page}</a></li>
	{/loop}
</ul>

<script language = "javascript">
	$(document).ready(function() {
		$(".delete").click(function() {
			if(confirm('Please confirm DELETE this item.')){
				return true;
			}else{
				return false;
			}
		});
	});
</script>